<link type="text/css" href="https://cdn.bootcdn.net/ajax/libs/weui/0.4.3/style/weui.min.css" rel="stylesheet">
<link type="text/css" href="https://cdn.bootcdn.net/ajax/libs/jquery-weui/1.2.1/css/jquery-weui.min.css" rel="stylesheet">
<script type="text/javascript" src="https://cdn.bootcdn.net/ajax/libs/jquery-weui/0.8.3/js/jquery-weui.min.js"></script>
<style type="text/css">
  .weui_tab{
    height: 100vh;
    background-color:#999;
  }
</style>



<!-- 框架的组件文档 "http://old.jqweui.com/components#tabbar" -->
<div class="weui_tab">
  <!-- 内容区域 -->
  <div class="weui_tab_bd">


  </div>


  <!-- 底部导航栏 -->
  <div class="weui_tabbar">
    <a href="javascript:;" class="weui_tabbar_item weui_bar_item_on">
      <div class="weui_tabbar_icon">
        <img src="https://ss0.bdstatic.com/70cFvHSh_Q1YnxGkpoWK1HF6hhy/it/u=322677660,3924712014&fm=26&gp=0.jpg" alt="">
      </div>
      <p class="weui_tabbar_label">微信</p>
    </a>
    <a href="javascript:;" class="weui_tabbar_item">
      <div class="weui_tabbar_icon">
        <img src="https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1594131154563&di=b076e9ec9f46504adbeabdab03c56be6&imgtype=0&src=http%3A%2F%2Fku.90sjimg.com%2Felement_pic%2F01%2F51%2F33%2F6457458c8748e3e.jpg" alt="">
      </div>
      <p class="weui_tabbar_label">通讯录</p>
    </a>
    <a href="javascript:;" class="weui_tabbar_item">
      <div class="weui_tabbar_icon">
        <img src="http://img1.imgtn.bdimg.com/it/u=1950623632,1186520211&fm=26&gp=0.jpg" alt="">
      </div>
      <p class="weui_tabbar_label">发现</p>
    </a>
    <a href="javascript:;" class="weui_tabbar_item">
      <div class="weui_tabbar_icon">
        <img src="https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1594131154563&di=b076e9ec9f46504adbeabdab03c56be6&imgtype=0&src=http%3A%2F%2Fku.90sjimg.com%2Felement_pic%2F01%2F51%2F33%2F6457458c8748e3e.jpg" alt="">
      </div>
      <p class="weui_tabbar_label">我</p>
    </a>
  </div>
</div>

<script type="text/javascript">
//获取tabbar项
var tabitem=$('.weui_tabbar>a');
tabitem.click(function(){
  console.log('click--'+$(this).children('.weui_tabbar_label').html());
//dosomething.....
});
</script>
